<template>
    <!--问题详情-->
    <div class="layerform" >
        <el-row class="layerblock">
            <el-col :span="4">
                <div class="grid-content bg-purple from-name">反馈人：</div>
            </el-col>
            <el-col :span="5" style="float: left; width: 100px;">
                <el-input size="small" v-model="input" placeholder="请输入内容"></el-input>
            </el-col>
            <el-col :span="2">
                <div class="grid-content bg-purple from-name">部门：</div>
            </el-col>
            <el-col :span="5" style="float: left; width: 100px;">
                <el-input size="small" v-model="input" placeholder="请输入内容"></el-input>
            </el-col>
            <el-col :span="2">
                <div class="grid-content bg-purple from-name">联系方式：</div>
            </el-col>
            <el-col :span="5" style="float: left; width: 100px;">
                <el-input size="small" v-model="input" placeholder="请输入内容"></el-input>
            </el-col>
        </el-row>
        <el-row class="layerblock">
            <el-col :span="4">
                <div class="grid-content bg-purple from-name">问题模块：</div>
            </el-col>
            <el-col  :span="20">
                <el-input size="small" v-model="input" placeholder="请输入内容"  style="width: 470px;"></el-input>
            </el-col>
        </el-row>
        <el-row class="layerblock">
            <el-col :span="4">
                <div class="grid-content bg-purple from-name">问题描述：</div>
            </el-col>
            <el-col  :span="20" >
                <div class="grid-content bg-purple-light" style=" width: 650px;">
                    <el-input size="small"
                              type="textarea"
                              :rows="4"
                              placeholder="请输入内容"
                              v-model="textarea">
                    </el-input>
                </div>
            </el-col>

        </el-row>
        <el-row class="layerblock">
            <el-col :span="4">
                <div class="grid-content bg-purple from-name">问题截图：</div>
            </el-col>
            <el-col  :span="20"  style=" width: 650px;">

            </el-col>
        </el-row>
        <el-row class="layerblock">
            <el-col :span="4">
                <div class="grid-content bg-purple from-name">页面链接：</div>
            </el-col>
            <el-col  :span="20">
                <el-input size="small" v-model="input" placeholder="请输入内容"  style="width: 470px;"></el-input>
            </el-col>
        </el-row>

        <el-row class="layerblock">
            <el-col :span="4">
                <div class="grid-content bg-purple from-name">反馈时间：</div>
            </el-col>
            <el-col  :span="20">
                <el-date-picker size="small"
                        v-model="value1"
                        type="date"
                        placeholder="选择日期">
                </el-date-picker>
            </el-col>
        </el-row>

        <el-row class="layerblock" style="padding: 0px 40px 0px 40px;">
            <el-col  :span="24" class="layertit">
                问题处置
            </el-col>
        </el-row>
        <el-row class="layerblock">
            <el-col :span="4">
                <div class="grid-content bg-purple from-name">处置描述：</div>
            </el-col>
            <el-col  :span="20" >
                <div class="grid-content bg-purple-light" style=" width: 470px;">
                    <el-input size="small"
                              type="textarea"
                              :rows="4"
                              placeholder="请输入内容"
                              v-model="textarea">
                    </el-input>
                </div>
            </el-col>
        </el-row>
        <el-row class="layerblock">
            <el-col :span="4">
                <div class="grid-content bg-purple from-name">问题状态：</div>
            </el-col>
            <el-col  :span="20" >
                <div class="grid-content bg-purple-light" style=" width: 470px;">
                    <el-select v-model="value" placeholder="未处理" size="small">
                        <el-option
                                v-for="item in options"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value">
                        </el-option>
                    </el-select>
                </div>
            </el-col>
        </el-row>


    </div>
</template>

<script>
    export default {
        name: "serverquestion-layer"
    }
</script>

<style scoped>
    .from-name {
        text-align: right;
        color: #374051;
        font-size: 14px;
        line-height: 32px;

    }

    .layerform {
        padding: 20px;
    }

    .layerblock {
        margin: 0px 0px 15px 0px;
    }

    .statetext {
        font-size: 14px;
        color: #22d376;
        line-height: 32px;
    }

    .layertit{ height: 35px; font-size: 16px; color: #4c4c4c; border-bottom: 1px solid #eee; font-weight: bold; }

</style>